<!DOCTYPE html>
<html>

<head>
    <title>育宝|业务平台</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no;">
    <link rel="stylesheet" href="__PUBLIC__/Sale/style.css">
    <script src="__PUBLIC__/Sale/jquery.js"></script>
    <style>
        @media screen and (max-width: 576px) {
            .wrapper {
                width: inherit;
            }

            .login-desc {
                width: 100%;
            }

            .login-desc img {
                object-fit: contain;
                width: 95%;
            }

            .login-header {
                width: inherit;
                padding: 20px;
            }

            .login-header img {
                width: 150px;
                object-fit: contain;
            }

            .login-main {
                height: inherit;
            }

            .login-main img {
                width: 100%;
                left: 0;
                object-fit: cover;
                margin-left: 0;
                height: 385px;
            }

            .login-main form {
                margin: 0 auto;
                margin-top: 120px;
            }

            .login-desc {
                padding-top: 20px;
            }

            .login-main .form-item {
                margin-bottom: 10px;
            }

            .login-main .form-item input {
                font-size: 14px;
            }

            .login-main .form-hock {
                margin-top: 0;
            }
        }
    </style>
</head>

<body>
    <div class="wrapper login-header">
        <a href="{:U('Index/index')}"><img src="__PUBLIC__/Sale/imgs/logo.png" /></a>
    </div>
    <div class="login-main">
        <img src="__PUBLIC__/Sale/imgs/main_bg.png" />
        <div class="wrapper">
            <form action="{:U('Index/login')}" method="post" onsubmit="return formchecks();">
                <div class="form-item">
                    <input type="text" name="phone" class="form-item-w" placeholder="请输入电话号码" required />
                </div>
                <div class="form-item">
                    <input type="password" name="pass" class="form-item-w" placeholder="请输入密码" required />
                    <!--input type="button" value="&nbsp;" class="form-item-vbt" onclick="getsmscode();"/-->
                </div>
                <div class="form-item">
                    <label style="color:#d5440d;font-size: 13px">
                        <input type="checkbox" value="1" name="is_remember">记住密码
                    </label>

                </div>
                <div class="form-hock">

                    <a href="{:U('Index/startpass')}">没有初始密码?</a>
                    <a href="{:U('Index/forget')}" class="form-hock-r">忘记密码?</a>
                </div>
                <!--div class="form-item" id="desce">&nbsp;</div-->
                <div class="form-item">
                    <input type="submit" value="&nbsp;" class="form-item-w form-item-sub" />
                </div>
            </form>
        </div>
    </div>
    <div class="wrapper login-desc"><img src="__PUBLIC__/Sale/imgs/login-desc.png" /></div>
    <div class="l">
        <div class="form-item" style="text-align: center;">
            <a href="/yubao_anal/index.php/Mobi/Index/index.html"><button style="padding: 10px 40px;
    margin: 10px 0;
    background: none;
    border: 1px red double;
    font-size: 14px;
    color: red;">申请加入推广</button></a>
        </div>
    </div>
    <div class="login-cont">
        <div class='login-cont-tit'>联系我们</div>
        <div class='login-cont-con'>
            电话：028-65261357<br>
<!--            客服邮箱：serve@yyb21.com<br>
            育宝技术服务咨询QQ：2774872511<br>
            公司短信接收号:106902331071812<br>-->
            客服咨询QQ:2897641499
        </div>
        <a href="http://www.miitbeian.gov.cn/" target="_blank" style="text-decoration: none;color: white;">蜀ICP备20013015号</a>
    </div>
    <script>
    function formchecks() {
        if ($("input[name=phone]").val() == "") {
            $("#desce").html("电话号码不能为空");
            return false;
        }
        if ($("input[name=pass]").val() == "") {
            $("#desce").html("密码不能为空");
            return false;
        }
        return true;
    }

    /*
                function getsmscode() {
                    var phone = $("input[name=phone]").val();
                    if (phone.length == 0 || phone.length != 11) {
                        $("#desce").html("电话号码格式错误");
                        return false;
                    }
                    sendcode(phone);
                }

                function sendcode(pho) {
                    $.post("{:U('Index/createsmsc')}", {phone: pho}, function (res) {
                        res == 1 ? timeceils(300) : null;
                        res == 0 ? alert("5分钟还没到呢，请耐心等待验证码哦!") : null;
                        res == 1 ? alert("发送成功，请注意查收!") : null;
                        res == 2 ? alert("发送失败，系统错误!") : null;
                        res == 10 ? alert("没有这个用户呢!") : null;
                    });
                }

                function timeceils(val) {
                    var pimc = setInterval(function () {
                        $("#desce").html("等待" + val + "秒重新获取验证码!");
                        if (val == 0) {
                            clearInterval(pimc);
                            $("#desce").html("&nbsp;");
                        }
                        val--;
                    }, 1000);
                }
                */
    </script>
</body>

</html>